<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Admin Management</title>
	<link media="screen" type="text/css" href="../css/admin-menu.css" rel="stylesheet"/>
	<link media="screen" type="text/css" href="../css/admin-tab.css" rel="stylesheet"/>
	<link media="screen" type="text/css" href="../css/reset.css" rel="stylesheet"/>
	<link media="screen" type="text/css" href="../css/admin.css" rel="stylesheet"/>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery-ui.min.js"></script>
	<script>
							$(function(){
								$("#tabs").tabs();
							});
	</script>
</head>
<body>
	<div id="wrapper">
		<div class="header">
			<div class="header-top">
				<a href="#">You're logging in as admin</a>
			</div><!-- END header-top -->
			<div class="nav-bar">
				<ul id="nav">
					<li class="nav-home active first"><a href="index.php"><span>Dashboard</span></a></li>
						<li class="level10 nav-1 parent">
							<a href="templates/laptops/laptops.php"><span>Sales</span></a>
								<ul class="level10">
									<li class="level11 nav-1-1 first">
										<a href="#"><span>Orders</span></a>
									</li>
									<li class="level11 nav-1-2 last">
										<a href="#"><span>Invoice</span></a>
									</li>
								</ul>
						</li>
						<li class="level10 nav-2 parent">
							<a href="#"><span>Catalog</span></a>
							<ul class="level11">
								<li class="level11 nav-2-1 first">
									<a href="#"><span>Manage Products</span></a>
								</li>
								<li class="level11 nav-2-2">
									<a href="#"><span>Manage Categories</span></a>
								</li>
								<li class="level11 nav-2-3 last">
									<a href="#"><span>Reviews and Ratings</span></a>
								</li>
							</ul>
						</li>
						<li class="level10 nav-3 parent">
							<a href="#"><span>Customers</span></a>
							<ul class="level11">
								<li class="level11 nav-3-1 first">
									<a href="#"><span>Manage Customers</span></a>
								</li>
								<li class="level11 nav-3-2 last">
									<a href="#"><span>Customer Groups</span></a>
								</li>
							</ul>
						</li>
						<li class="level10 nav-4 parent"><a href="#"><span>System</span></a></li>
				</ul><!-- END nav -->
			</div><!-- END nav-bar -->
		</div><!-- END header -->
		<div class="content">
			<div id="main-content">
				<div id="content-header">
					<span>Dashboard</span>
				</div><!-- END content-header -->
				<div id="dashboard-content">
					<div id="left-col">
						<div id="orders">
							<span>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in 
							</span>
						</div><!-- END orders -->	
						<div id="sales">
							<span>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in 
							</span>
						</div><!-- END sales -->
					</div><!-- END left-col -->
					<div id="right-col">
						<div id="tabs">
							<ul>
								<li><a href="#tabs-1">Orders</a></li>
								<li><a href="#tabs-2">Amounts</a></li>
							</ul>
							<div id="tabs-1">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in </p>
							</div>
							<div id="tabs-2">
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in 
							</div>
						</div><!-- END tabs -->
					</div><!-- END right-col -->
				</div><!-- END dashboard-content -->
			</div><!-- END main-content -->
		</div><!-- END content -->
		<div class="footer">
			<p>Copyright 2012</p>
		</div><!-- END footer -->
	</div><!-- END wrapper -->
</body>
</html>
